.rider_order_details
    padding-bottom: calc(env(safe-area-inset-bottom) + 60px)
    .autoPadding
        padding: 25rpx
        box-sizing: border-box
    .order_details_title
        .title_progress
            padding-top:0 
            display: flex
            justify-content: space-between
            flex-direction: column
            font-size: 15px
            font-weight: bold
            color: #343434
            top: 0px
            position: sticky
            background-color: #fff
            z-index: 5
            border-bottom: 1px solid #ebebeb
    .item_cont
        border-top: 1px solid #ebebeb
        &:nth-child(1)
            border-top: none
        .item_title_box
            font-size: 18px
            font-weight: bold
            margin-bottom: 20rpx
    .bottom_fixed
        position: fixed
        bottom: 0
        width 100%
        padding: 10px 20px 10px 10px
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px)
        box-sizing: border-box
        background-color: #fff
        z-index 5
    .rider_title_time_out
        color: #f00
        font-size: 14px
        font-weight: bold
        margin-top: 5px
        &.font_size_18
            font-size: 18px
        &.success_order_status
            color: #343434
        &.font_size_28
            font-size: 28px
    .user_remark
        font-size: 17px
    .pack_content
        box-sizing: border-box
        padding-bottom: 20rpx
        .item
            margin-bottom: 25rpx
            &:last-child
                margin-bottom: 0
            .iconBox
                width: 100rpx
                height: 100rpx
                margin-right: 15rpx 
                .commodityPic
                    width: 100%
                    height: 100%
                    border-radius: 8rpx
            .infBox
                width: calc(100% - 100rpx - 15rpx)
                height: 100%
                min-height: 100rpx
                .info
                    .code
                        font-size: 15px
                        font-weight: bold
                .money
                    font-size: 16px
                    font-weight: bold
            .statusBox
                .status
                    font-size: 22rpx
                    border: 1rpx solid #f37000
                    padding: 0 8rpx
                    border-radius: 5rpx
                    margin-right: 15rpx
                    color: #f37000
                    margin-right: 15rpx
        .totalBox
            height: 70rpx
            line-height: 70rpx
            text-align: right
            .totalMoney
                font-size: 22px
                font-weight: bold
        .poayBtn
            font-size: 22rpx
            border-radius: 5rpx
            border 1rpx solid #ccc
            padding: 0 20rpx
            display: flex
            align-items: center
            justify-content: center
            box-sizing: border-box
            margin-left: 15rpx
            transition: all 0.2s
            &:active
                background-color: #ccc
            &.noBorder
                border: none
                margin-left: 0